<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>潮人电商后台</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet"  href="layui/css/layui.css">
    <script src="js/jquery.js"></script>
    <script src="layui/js/layui.all.js"></script>
    <script type="text/javascript">

        window.onload=function () {
            var sel = document.getElementById("fukuan");//获取下拉菜单
            $.ajax({
                    url: "/dingdan/findallproduct",
                    dataType: "json",
                    type: "post",
                    success: function (rs) {
                        for (var i = 0; i < rs.length; i++) {
                            var proName = rs[i].proName;
                            var proId = rs[i].proId;
                            var option = new Option(proName, proId);//option中间，value的值
                            sel.options.add(option);
                        }
                    }
                }
            ),
            // layui.use(['laypage'], function () {
            //     // 模块化
            //     var laypage = layui.laypage;
            //     // laypage进行分页功能
            //     laypage.render({
            //         elem: 'page',
            //         count: 60,//总条数
            //         theme: '#ff0000',
            //         groups: 5, //连续出现的页码个数
            //         limit: 10,//每页显示的条数
            //         first: '首页',
            //         last: '尾页',
            //         layout: ['prev', 'page', 'next', 'count', 'limit'],
            //         theme: '#ff0000'
            //     });
            //
            // })
            layui.use(['table','laypage'], function(){

                var table = layui.table;
                var laypage = layui.laypage;

                laypage.render({
                    elem:"wh",
                    count:100
                });

                table.render({
                    elem:"#td",
                    url:"/dingdan/findall",
                    request:{pageName:"pageindex",
                        limitName:"pagesize"},
                    //page  limit
                    page:{
                        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                        //,curr: 5 //设定初始在第 5 页
                        ,groups: 3 //只显示 1 个连续页码
                        ,first: "首页" //不显示首页
                        ,last: "尾页" //不显示尾页
                        ,limit:3
                    },
                    cols:[
                        [{field:"dUsername",title:"用户名",width:"40%"},
                        {field:"money",title:"余额",width:"60%",sort:true}]
                    ]
                });

            });
        }



    </script>




</head>
<body>
<div id="page"></div>
<!--头部-->
    <header class="publicHeader">
        <h1>潮人管理系统</h1>
        <div class="publicHeaderR">
            <p><span>下午好！</span><span style="color: #fff21b"  th:text="${session.user.UAccount}"> Admin</span> , 欢迎你！</p>
            <a href="/logout">退出</a>
        </div>
    </header>
<!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11  星期一</span>
        <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
<!--主体内容-->
    <section class="publicMian ">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                    <li ><a href="/productPage">商品管理</a></li>
                    <li><a href="/orderFromPage">订单管理</a></li>
                    <li><a href="/gongyingPage">供应商管理</a></li>
                    <li><a href="/yuangongPage">员工管理</a></li>
                    <li><a href="/passwordPage">密码修改</a></li>
                    <li><a href="/logout">退出系统</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>订单管理页面</span>
            </div>
            <div class="search">
                <span>用户账号：</span>
                <input type="text" placeholder="请输入用户名称"/>
               
				<span>商品名称：</span>
               <select name="fukuan" id="fukuan">
                   <option value="-1">--请选择--</option>
               </select>
               
				<span>订单状态：</span>
                <select name="fukuan">
                    <option value="-1">--请选择--</option>
                    <option value="0">未付款</option>
                    <option value="1">已付款</option>
                </select>

                <input type="button" value="查询"/>
               <a href="/orderFromAddPage">添加订单</a>
            </div>
            <!-- 账单表格 样式和供应商公用 -->
            <table id="td">
<!--                <tr class="firstTr">-->
<!--                    <th width="5%">订单id</th>-->
<!--                    <th width="10%">用户账号</th>-->
<!--					<th width="10%">商品名称</th>-->
<!--                    <th width="10%">订单数量</th>-->
<!--                    <th width="10%">订单金额</th>-->
<!--					<th width="10%">支付方式</th>-->
<!--                    <th width="10%">订单状态</th>-->
<!--                    <th width="15%">提交时间</th>-->
<!--                    <th width="30%">操作</th>-->
<!--                </tr>-->
<!--               <tr>-->
<!--                    <td>66</td>-->
<!--                    <td>罗三炮</td>-->
<!--                    <td>爽肤水</td>-->
<!--                    <td>3</td>-->
<!--                    <td>99</td>-->
<!--					<td>支付宝</td>-->
<!--					<td>未付款</td>-->
<!--					<td>2019-12-17</td>-->
<!--                    <td>-->
<!--                        <a href="#"><img src="img/read.png" alt="查看" title="查看"/></a>-->
<!--                        <a href="/orderFromUpdatePage"><img src="img/xiugai.png" alt="修改" title="修改"/></a>-->
<!--                        <a href="#" class="removeBill"><img src="img/schu.png" alt="删除" title="删除"/></a>-->
<!--                    </td>-->
<!--                </tr> -->
               
            </table>
            <div id="wh"></div>
        </div>
    </section>

<!-- 点击删除按钮后弹出的页面 -->
<div class="zhezhao"></div>
<div class="remove" id="removeBi">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该订单吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
<script src="js/time.js"></script>

    <footer class="footer">
    </footer>


</body>
</html>